<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理--角色列表</title>
 <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
 <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>
</head>
<body>
 <div style="width:50%;float:left">
  <div id="orglist" class="list" lay-filter="orglist"></div>
 </div>
 <div style="width:50%;float:left">
   <div id="caitemlist" class="list" lay-filter="caitemlist"></div>
 </div>
 
 <div class="layui-form" style="width:95%">
     
      <div class="layui-form-item">
	      <label class="layui-form-label">模板名称：</label>
	      <div class="layui-input-block">
	       <input type="text" class="layui-input" id="tempname">  
		 
	      </div>   
         </div> 
 </div>
 
 <div style="width:80;text-align: right;margin-top:10px;margin-right:100px">
  <input type="button" class="layui-btn"  value="保存" id="btnsave" />
  <input type="button" class="layui-btn layui-btn-primary"  value="关闭" onclick="top.CloseOpenWindow()" />
 </div>


 <script>
 layui.use(['form','table'], function(){
     var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
     var table = layui.table;
    
	 form.render();
	 
	 
	 table.render({
			elem : '#orglist'
			,height : 400
			,url : 'get_org_list' // 数据接口
			//,page : true // 开启分页
			,limit : 30
			,id: 'orglist'
			,method:"post"
			,cols : [ [ // 表头
			            {type:'checkbox'}
			           ,{field : 'orgname',title : '机构名称',width : 220,align : 'left'}
			           , {field : 'remark',title : '描述',width : 150,align : 'center'}
			           
		            ] ]
		    ,request:{
				type:'post'
			}
		    ,page: false
			,where:{roleid:$("#roleid").val()}
		    ,done: function(res, page, count){
		    	var dataarr=res.data;
		    	$("[data-field='orgname']").children().each(function(index){ 
		    		if(index==0){
		    			$(this).css({"text-align":"center"});
		    		}
		    		var thisdata=dataarr[index-1];
		    		if(thisdata){
		    			var text=$(this).text();
		                $(this).css({"text-indent":thisdata.level+"em"});
		    		}
               })  
		    }
		    
		});

	 
	 
	 table.render({
			elem : '#caitemlist'
			,height : 400
			,url : 'get_catitem_list' // 数据接口
			//,page : true // 开启分页
			,limit : 30
			,id: 'caitemlist'
			,method:"post"
			,cols : [ [ // 表头
			            {type:'checkbox'}
			           ,{field : 'itemname',title : '指标名称',width : 200,align : 'center'}
			           , {field : 'score',title : '分值',width : 80,align : 'center'}
			           , {field : 'qz',title : '权重',width : 80,align : 'center'}
			           
		            ] ]
		    ,request:{
				type:'post'
			}
		    ,page: false
			,where:{roleid:$("#roleid").val()}
		    ,done: function(res, page, count){
		    	
		    }
		    
		});
		
		


	   
	 
	 
	 $("#btnsave").click(function(){
		 var orglist = table.checkStatus('orglist');
		 var caitemlist = table.checkStatus('caitemlist');
		 
		 var dataorg = orglist.data;
		 var length=dataorg.length;
		 if(length==0){
			 top.mylayui.msg('请选择机构', {icon: 0});
			 return;
		 }
		 
		 var datacaitem = caitemlist.data;
		 var lengthcaitem=datacaitem.length;
		 if(lengthcaitem==0){
			 top.mylayui.msg('请选择指标', {icon: 0});
			 return;
		 }
		 
		 var orgids='';
		 for(i=0;i<length;i++){
			 orgids+=dataorg[i].orgid+',';
		 }
		 
		 var itemids='';
		 for(i=0;i<lengthcaitem;i++){
			 itemids+=datacaitem[i].cassitenid+',';
		 }
	  
		 var tempname=$("#tempname").val();
		 if(tempname==''){
			 top.mylayui.msg('模板名称为空', {icon: 0});
			 return;
		 }
		 
	     top.frames["iframe"].vCAOrgTemp.addtemporg(itemids,orgids,tempname);
	 })
	 
 });  
 </script>
</body>
</html>